<template>
  <div class="total-sales">
    <FirstCommonComp title="累计销售额" :value="Number(reportData.salesToday)">
      <template #default>
        <div>
          <span>日同比</span>
          <span class="percent">{{ reportData.salesGrowLastDay }}%</span>
          <span class="up"></span>
        </div>
        <div>
          <span>月同比</span>
          <span class="percent">{{ reportData.saleSGrowLastMonth }}%</span>
          <span class="up"></span>
        </div>
      </template>
      <template #footer>
        <div>
          <span>昨日销售额</span>
          <span class="sales">￥{{ reportData.salesLastDay }}</span>
        </div>
      </template>
    </FirstCommonComp>
  </div>
</template>

<script setup>
import FirstCommonComp from './FirstCommonComp.vue'

const props = defineProps({
  reportData: {
    type: Object,
    required: true,
  }
})
</script>

<style scoped></style>
